<template>
	<view>
		<view class="img">
			<image style="width: 100%;height: 100%;" src="../../static/img/实名图.jpg"></image>
			
			
		</view>
		
		<view style="padding: 50rpx 30rpx 0rpx 30rpx;height: 500rpx;">
			<view style="display: flex;flex: 10;height: 80rpx;">
				<view style="flex: 2;text-align: center;font-size: 44rpx;" class="iconfont">&#xe621;</view>
				<view style="flex: 8;padding-right: 60rpx;">
					
					<input placeholder="请输入姓名" v-model="name" style="font-size: 27rpx;"/>
					<view style="border-bottom: 1rpx solid #BEBEBE;height: 2rpx;"></view>
				</view>

			</view>
			
			<view style="display: flex;flex: 10;height: 100rpx;">
				<view style="flex: 2;text-align: center;font-size: 40rpx;"  class="iconfont">&#xe600;</view>
				<view style="flex: 8;padding-right: 60rpx;">
					<input placeholder="请输入身份证号" v-model="nameNumber" style="font-size: 27rpx;"/>
					<view style="height: 2rpx;border-bottom: 1rpx solid #BEBEBE;"></view>
				</view>
			
			</view>

          <!-- <view class="sfz">
		     <image class="sfz-click-img" style="" src="../../static/img/sfz5.png"></image>
			  <view class="sfz-click" >
				  <view class="sfz-click-1 iconfont"> &#xe746;</view>
				  <view class="sfz-click-2">身份证正面</view>
			  </view>
		  </view>
          <view class="sfz">
             <image class="sfz-click-img" style="" src="../../static/img/home/tupian2.png"></image>
          			  <view class="sfz-click" >
          				  <view class="sfz-click-1 iconfont"> &#xe746;</view>
          				  <view class="sfz-click-2">身份证正面</view>
          			  </view>
          </view> -->
		 
		   <view style="text-align: center;">
			    <image style="width: 500rpx;height: 300rpx;" src="../../static/img/sfz0.jpg"></image>
		   </view>
           <view style="text-align: center;">
			    <image style="width: 500rpx;height: 300rpx;" src="../../static/img/sfz0.jpg"></image>
		   </view>
             <button @click="butsimt" style="background-color: #0081FF;width: 70%;color: white;">提交</button>
 
		</view>
		
	</view>
</template>

<script>
	export default {
		data() {
			return {
				name:"",
				nameNumber:""
			}
		},
		methods: {
			butsimt(){
				console.log(this.name);
				console.log(this.nameNumber);
				
			}
		}
	}
</script>

<style>
  page{
	  background-color: white;
	 
  }
  .img{
	  height: 380rpx;
	  background-color: #007AFF;
  }
  .sfz{
	  /* border: 1px solid red; */
	  height: 300rpx;
	  margin-top: 30rpx;
	  position: relative;
	  
	 
  }
  .sfz-click-img{
	  /* border: 10rpx solid #D9D9D9; */
	  background-color: #007AFF;
	 width: 400rpx;
	 height: 200rpx;
	  position: absolute;
	  right: 30rpx;
	  top: -100rpx;
  }
  .sfz-click{
  	 width: 150rpx;
  	 height: 150rpx;
  	 display: flex;
  	 flex: 10;
  	 flex-direction: column;
  	 border-radius: 10rpx;
  	 position: absolute;
  	 left: 60rpx;
  	 top: 60rpx;
  	 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(2, 201, 255)), color-stop(100%,rgb(0, 240, 254)));
  	 
  	 
  }
  .sfz-click-1{
  	flex: 7;font-size:80rpx;position: relative;left: 35rpx;color: white;top: 10rpx;
  }
  .sfz-click-2{
  	flex: 7;text-align: center;font-size: 24rpx;color: white;line-height: 50rpx;
  }


</style>
